extends common/layout
block content
    link(rel='stylesheet' type='text/css' href='../css/shop.min.css')
    link(rel='stylesheet' type='text/css' href='../css/pay-product.min.css')
    include common/head
    div.shop-container.payer-center-container
        include common/buyerNav
        div.seller-content.clearfix
            div.left-wrap
                div.category-wrapper
                    div.category.active
                        div.level-1
                            i.icon.icon-home
                            span 首页
                    div.category
                        div.level-1
                            i.icon.icon-car
                            span 我的购物车
                    div.category
                        div.level-1
                            i.icon.icon-baibeigunali
                            span 已买到的宝贝
                    div.category
                        div.level-1
                            i.icon.icon-pingjia
                            span 评价管理
                    div.category
                        div.level-1
                            i.icon.icon-kefu
                            span 我的收藏
                    div.category
                        div.level-1
                            i.icon.icon-zhanghu
                            span 退款管理
                    div.category
                        div.level-1
                            i.icon.icon-ziyuan
                            span 收货地址管理
            div.right-wrap
                div.all-warp-inner
                    div.nav-btn
                        ul.clearfix
                            li
                              a 所有订单
                                span.red-font 2
                            li
                              a.active 待付款
                                span.red-font 2
                            li
                              a 待发货
                                span.red-font 2
                            li
                              a 待收货
                                span.red-font 2
                            li
                              a 待评价
                                span.red-font 2

                    div.warp-head
                        ul
                            li 宝贝
                            li 单价
                            li(style={'width':'100px'}) 数量
                            li 商品操作
                            li(style={'width':'130px'}) 实付款
                            li 交易状态
                            li 交易操作
                    div.warp-info
                        div.warp-item.clearfix
                            div.item-title
                                span 订单号:12345678900987654321
                                span 店铺名称:大麦家的
                                span 卖家:大麦
                                i.icon.icon-delete3
                            div.warp-detail.clearfix
                                div.item.detail.clearfix
                                    div.image
                                        img(src="../image/main2.png")
                                    div.product
                                        div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                        span ID:233345
                                    p.count 100
                                    p.count 100
                                    p.red-font(data-toggle="modal" data-target="#refundModal") 退款
                                div.item.detail.clearfix
                                    div.image
                                        img(src="../image/main3.png")
                                    div.product
                                        div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                        span ID:233345
                                    p.count 100
                                    p.count 100
                                    p.red-font 退款
                                div.item.detail.clearfix
                                    div.image
                                        img(src="../image/main5.png")
                                    div.product
                                        div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                        span ID:233345
                                    p.count 100
                                    p.count 100
                                    p.red-font 退款

                            div.item-handel.clearfix
                                div.pay-count
                                    p  ￥1200
                                    p (含运费10.00)
                                div.status
                                    span 待付款
                                    a 订单详情
                                div.handel
                                    a 付款
                                    a(data-toggle="modal" data-target="#modal2") 取消订单

                        div.warp-item.clearfix
                            div.item-title
                                span 订单号:12345678900987654321
                                span 店铺名称:大麦家的
                                span 卖家:大麦
                                i.icon.icon-delete3
                            div.warp-detail.clearfix
                                div.item.detail.clearfix
                                    div.image
                                        img(src="../image/main.png")
                                    div.product
                                        div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                        span ID:233345
                                    p.count 100
                                    p.count 100
                                    p.red-font 退款

                            div.item-handel.clearfix
                                div.pay-count
                                    p  ￥1200
                                    p (含运费10.00)

                                div.status
                                    a 待付款
                                    a 订单详情

                                div.handel
                                    a 付款
                                    a 取消订单



                    div.pages-container
                        ul.pagination
                            li.disabled
                                a(href="#") <
                            li
                                a(href="#") 1
                            li.active
                                a(href="#") 2
                            li
                                a(href="#") 3
                            li
                                a(href="#") 4
                            li
                                a(href="#") ...
                            li
                                a(href="#") 17
                            li
                                a(href="#") >
    div.modal.fade.width(id="modal2")
        div.modal-dialog.in
            div.modal-content
                div.modal-header
                    span 取消订单
                    button.close(type="button" data-dismiss="modal") &times;
                div.modal-body.clearfix(style={border: 'none'})
                    div.description 您确定要取消订单吗！取消订单后，不能恢复。
                    div.select-title 请选择取消订单的理由：
                    div.select-block.select-all
                        select
                            option  我不想买了
                            option  信息填写错误，重新拍
                            option  卖家缺货
                            option  同城见面交易
                            option  其他原因
                div.modal-footer
                    button.btn.btn-border-orange(data-dismiss="modal") 取消
                    button.btn.btn-orange 确定
    div.modal.fade.width.refund-modal(id="refundModal")
        div.modal-dialog.in
            div.modal-content
                div.modal-header
                    span 选择服务
                    button.close(type="button" data-dismiss="modal") &times;
                div.modal-body.clearfix
                    div.item-opt
                        i.icon.icon-tuikuan
                        p.tip 仅退款
                        p.desc 未收到货，或与卖家协商同意的前提下
                    div.item-opt
                        i.icon.icon-huanhuo
                        p.tip 换货
                        p.desc 已收到货，需要换已收到的货物
                    div.item-opt
                        i.icon.icon-tuikuan
                        p.tip 退货退款
                        p.desc 已收到货，需要退已收到的货物
    script(src="../js/distpicker.js")
    script.
        $("#dist").distPicker();
        $(function(){
          $('.nav-btn li  a').click(function () {
              $(this).addClass('active').parent().siblings().children().removeClass()

          })
        })
